@import url("../../styles/publicStyle.less");

.search-credit-info-container {
  background-color: @AssistBgWhite;

  .search-inp {
    position: relative;
    .widthAndHeight(100%, 108px);
    box-sizing: border-box;
    background-color: @AssistLightGrey;
  }

  .search-list {
    .widthAndHeight(100%, calc(100vh - 100px - 108px));
    .contentOverflowRoll();
    padding: 2px 0;
    background-color: @AssistBgWhite;

    .search-list-item {
      padding: 28px 22px;
      border-bottom: 16px solid @ZebraCrossing;

      &>div {
        .flex();
      }

      .search-list-item-one {
        justify-content: space-between;

        &>span:first-of-type {
          .flex();
          flex: 1;

          .hightlight-title {
            .DetailsText();
            word-break: break-all;
          }

          .iconfont {
            .textGather(40px, 40px);
            font-size: 40px;
            color: @ContentText;
          }
        }

        &>span:last-of-type {
          width: 150px;
          color: @ContentText;
          margin-left: 30px;
        }
      }

      .search-list-item-two {
        height: 96px;
        text-align: center;
        margin: 16px 0;
        background-color: @ZebraCrossing;

        &>span {
          position: relative;
          .widthAndHeight(33.3%, 100%);
          color: @ContentText;
          padding: 10px 0;
          box-sizing: border-box;

          &>p {
            .PromptInfo();
          }

          &>p:last-of-type {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 10px;

            &.legal-representative {
              color: @AssistTextA;
            }
          }

          &::after {
            content: "";
            .widthAndHeight(2px, 24px);
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            background-color: @AssistLightGrey;
          }

          &:last-of-type::after {
            content: "";
            display: none;
          }
        }

        &>span:nth-of-type(2) {
          p:last-of-type {
            padding: 0 10px;
            box-sizing: border-box;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }
      }

      .search-list-item-three {
        display: block;

        &>p {
          .PromptInfo();
          color: @ContentText;
        }

        .regStatus,
        .creditCode {
          .flex();
        }

        .regStatus {
          margin-right: 34px;
        }

      }

    }

  }

  .search-history {
    padding: 48px 20px 20px;

    .text-remove {
      .flex();
      justify-content: space-between;

      &>span:first-of-type {
        .DetailsText();
        margin-bottom: 20px;
      }

      &>span:last-of-type {
        .iconfont {
          font-size: 40px;
        }
      }
    }

    ul {
      display: flex;
      flex-wrap: wrap;

      li {
        .DetailsInfoTitle();
        min-width: 60px;
        max-width: 600px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        color: @ContentText;
        padding: 16px 24px;
        margin: 0 20px 20px 0;
        border-radius: 36px;
        background-color: @ZebraCrossing;
      }
    }
  }
}
